# ============================================
# 知识点
# ============================================
# 阻止后续事件执行
# <script>
# $( ' #d2') .click( function (e) {
# $( '#d1' ). text('宝贝你能看到我吗?')
# //阻止标签后续事件的执行方式1
# // return false
# //阻止标签后续事件的执行方式2
# // e.preventDefault()
# })
# </script>
# ============================================
# 阻止事件冒泡
# kscript>
# $( '#d1').click(function () {
# alert( 'div' )
# })
# $('#d2' ).click(function () {
# alert('p')
# })
# $( ' #d3' ).click(function (e) {
# alert('span' )
# //阻止事件冒泡的方式1
# // return false
# //阻止事件冒泡的方式2
# // e.stopPropagation()
# })
# </script>
# ============================================
# 事件委托
# <button>是兄弟，就来砍我! ! !</button>
# <script>
# //给页面上所有的button标签绑定点击事件
# // $('button' ).click(function () { //无法影响到动态创建的标签
# //
# alert(123)
# // })
# //事件委托
# $( ' body').on( 'click', 'button'，function () {
# alert(123) // 在指定的范围内将事件委托给某个标签无论该标签是事先写好的
# 还是后面动态创建的
# })
# </script>
# ============================================
# 页面加载
# #等待页面加载完毕再执行代码
# window .onload = function(){
# // js代码
# }
# ““”jQuery中等待页面加载完毕“"“
# #第一种
# $ ( document ) . ready ( function( ){
# // js代码
# })
# #第二种
# $( function(){
# // js代码
# })
# #第三种
# ""直接写在body内部最下方"
# ============================================
# 动画效果
# $(、#d1' ). hide(5000)
# w. fn. init [div#d1 ]
# $(' #d1' ). show( 5000 )
# w. fn. init [ div#d1 ]
# $( '#d1' ).slideUp( 5000)
# w. fn. init [ div#d1 ]
# $(、#d1' ). slideDown(5000)
# w. fn. init [ div#d1 ]
# $( ' #d1' ). fade0ut(5000)
# w. fn. init [ div#d1 ]
# $( '#d1' ). fadeIn(5000)
# w. fn. init [ div#d1 ]
# $( ' #d1' ). fadeTo(5000,0.4)
# w. fn. init [ diy#d1 ]
# ============================================
# 有了each之后就无需自己写for循环了用它更加的方便
# 第一种
# $('div'). each( funct ion ( index, obj) {console. 1og(index,obj)})
# VM243:1 0 <div>●1.</div>.
# VM243:1 1 <div>42.</div>.
# VM243:1 2 <div>*3*</div>.
# VM243:1 3 <div>.4*</div>.
# VM243:1 4 <div>.5*</div>.
# VM243:1 5 <div>.6●</div> ●
# VM243:1 6 <div>.7*</div> ●
# VM243:1 7 <div>*8*</div>.
# VM243:1 8 <div>.9*</div>.
# VM243:1 9 <div>*10.</div> ●
# #第二种方式
# s.each([111,222,333], function( index , obj) {console.1og( index,obj)})
# VM484:1 0 111
# VM484:1 1 222
# VM484 :12 333
# (3) [ 111, 222， 333]
# # data( )
# 能够让标签帮我们存储数据并且用户肉眼看不见
# $('div' ).data('info'，回来吧，我原谅你了!')
# w. fn. init(10) [div#d1, div, div, div, div, div, div, div, div, div,
# prevobject: w. fn.init(])]
# $('div' ). first() .data(^ info')
# “回来吧，我原谅你了!”
# $( 'div' ).1ast() .data(' info')
# “回来吧，我原谅你了!”
# $( 'div' ). first() .data('xxx')
# undef ined
# $( 'div' ). first( ) . removeData( ' info')
# w. fn. init [div#d1， prevobject: w.fn.init(10)]
# $( 'div'). first() .data( ' info')
# undef ined
# $( 'div' ).1ast() .data('info')
# “回来吧，我原谅你了!"
# ============================================